<#include "/lib/blog_lib.html"/>
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <link rel="apple-touch-icon" sizes="76x76" href="${request.contextPath}/assets/img/apple-icon.png">
    <link rel="icon" type="image/png" href="${request.contextPath}/favicon.ico">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>${article.articleTitle!}-重庆房屋出租咨询有限公司</title>
    <meta name="keyword" content="重庆房屋出租咨询有限公司,箭乔,上海,投资" />
    <meta name="description" content="重庆房屋出租咨询有限公司" />
    <link href="${request.contextPath}/bootstrap3/css/bootstrap.css" rel="stylesheet" />
    <link href="${request.contextPath}/assets/css/demo.css" rel="stylesheet" />

    <!--     Font Awesome     -->
    <link href="${request.contextPath}/bootstrap3/css/font-awesome.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="${request.contextPath}/assets/css/article.css">
</head>

<body>

<div>
    <nav id="navbar" class="navbar navbar-fixed-top">
    <@nav_menu/>
    </nav>
    <div class='blurred-container' style="margin-top: 135px;height: 100%;">
        <img src="${request.contextPath}/img/news-banner.png" alt="新闻资讯" height="500px" width="100%">
    </div>
</div>


<div class="main">
    <div class="container">

        <ol class="breadcrumb" style="margin-top: 20px;">
            <li><a href="/index.html">首页</a></li>
            <li><a href="/article.html">新闻资讯</a></li>
            <#--<li><a href="/article/${article.id!}.html">${article.articleTitle!}</a></li>-->
        </ol>

        <div class="box" style="margin-bottom: 20px;">
            <div class="box-heading text-center">
                <h1 class="article-title">${article.articleTitle!}</h1>
                <p class="article-icon">
                    <i class="glyphicon glyphicon-calendar"></i> ${article.gmtCreate?date!}</a>
                    分类：<a href="/article.html" style="color: #333">新闻资讯</a>
                </p>
            </div>
            <div class="box-body">
                <article class="article-content">
                    ${article.articleContent!}
                </article>
                <div class="article-un">
                    <#if nextArticle??><a style="text-align: left;float: left" href="/article/${nextArticle.id!}.html">上一篇:${nextArticle.articleTitle}</a></#if>
                    <#if prevArticle??><a style="text-align: right;float: right" href="/article/${prevArticle.id!}.html">下一篇:${prevArticle.articleTitle}</a></#if>
                </div>
            </div>
            <#if tags??>
            <div class="footer-tag clearfix" style="padding: 0px 13px 13px 13px;">
                <div class="pull-left">
                    <#if (tags?size>=1)><i class="fa fa-tags"></i></#if>
                    <#list tags as item>
                    <a href="javascript:;" rel="tag">${item.name!}</a>
                    </#list>
                </div>
            </div>
            </#if>
        </div>

    </div>
</div>

<@footer/>
</body>
<script src="${request.contextPath}/js/jquery-1.10.2.js" type="text/javascript"></script>
<script src="${request.contextPath}/js/jquery-ui-1.10.4.min.js" type="text/javascript"></script>

<script src="${request.contextPath}/bootstrap3/js/bootstrap.js" type="text/javascript"></script>
<script src="${request.contextPath}/assets/js/gsdk-bootstrapswitch.js"></script>
<script>
    window.onscroll=function(){
        var sl=-Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
        document.getElementById('navbar').style.left=sl+'px';

    };
</script>
</html>